<template>
<!-- 14宫格列表 -->
  <div class="index-wrap">
              <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-2.4 mui-col-sm-2.4"  v-for="item   in  boss_value.slowess" :key="item.index">
		                  <img :src="item.img">
		                 </li>
		 
		        </ul> 
            <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-2.4 mui-col-sm-2.4"    v-for="item  in boss_value.losiwje" :key="item.index">
		                  <img :src="item.img">
		                 </li>
		        </ul> 
  </div>
</template>
<script>


export default {
  name: 'Index',
  data(){
    return{ 
    }
  },
  props: ['boss_value'],
}
</script>
<style   scoped>
img{
           width: 75px;
    height: 76px;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell > a:not(.mui-btn) {
       /* margin: 20px; */
    /* padding: 10px 1px; */
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell {
    margin: 0;
    padding: 6px 7px;
    vertical-align: top;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.mui-grid-view.mui-grid-9 {
  
    margin: 0;
    padding: 0;
    border-top: 0px solid #eee;
    border-left: 0px solid #eee;
    background:none;
    border:none;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell {

    border-right: 0px solid #eee;
   border-bottom: 0px solid #eee; 
}
.mui-grid-view.mui-grid-9[data-v-61153562] {
    margin: 0;
    padding: 0;
    border-top: 0px solid #eee;
    border-left: 0px solid #eee;
    background: none;
    display: flex;
    border: none;
}
</style>
